<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       
    
    .shang{

        height: 43px;
       /* background: thistle;*/
    }
    .shang a{

        float: right;
        margin-top:18px;
        font-size: 13px;
        margin-left: 21px;
        color: black
    }
    .right{
        width: 59px;
        height: 23px;
        background: rgb(71, 71, 245);
        
        
        float: right;
        margin-left: 21px;
        margin-top: 14px;
        margin-right: 9px;

    }
    .right p{
        margin-right: auto;
        margin-left: auto;
        font-size: 4px;
        margin-left: 6px;
        color: white;
    }
    .badiu{
        width: 212px;
        height: 68px;
        /*background: rgb(76, 76, 243);*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 71px;
    }
    .badiu img{
        width: 212px;
        height: 68px;

    }
    .dada{
        margin-right: auto;
        margin-left: auto;
        width: 640px;
        height: 33px;
        margin-top: 39px;
        /*background: rebeccapurple;*/
    }
  
    .bainkuang{
        width: 540px;
        height: 33px;
        float: left;
        border: 1px solid black;
       
        
    }
    .dada .rightwo{
        float: right;
        width: 98px;
        height: 35px;
        background:  rgb(71, 71, 245);
        color: white;
    }
    .rightwo p{
       
        font-size: 9px;
        margin-left: 23px;
        
    }
    .bainkuang img{

        float: right;
        height: 25px;
        width: 20px;
        margin-right: 9px;
        margin-top: 5px;
    }
    .erweima{

        width: 61px;
        height: 61px;
        /*background: saddlebrown;*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 209px;
    }
    .shouji{

        height: 15px;
        width: 51px;
        /*background: saddlebrown;*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 9px;
    }
    .shouji p{
        font-size: 9px;
        margin-right: auto;
        margin-left: auto;
        
    }
    .wenzi{
        height: 30px;
        width: 325px;
        /*background: sandybrown;*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 27px;
       
       
    }
    .wenzi a{
        font-size: 5px;
        margin-bottom: 10px;
        margin-right: 11px;
        margin-left:4px;
        color: black;
        
        text-align:center
    }
    .xia{

        width: 519px;
        height: 30px;
        margin-top: 11px;
        /*background: rgb(155, 134, 119);*/
        margin-right: auto;
        margin-left: auto;
    }
    .xia a{
        font-size: 5px;
        margin-top:0px;
        text-align:center;
        margin-right: 6px;
        color: black;
    }
    .xia .aa{
        text-decoration:none;
    }
.xia .cc{
    text-decoration:none;
}

    </style>
</head>
<body>
    <div class="shang">

        
        <div class="right"> <p>更多产品</p></div>
        <a href="">设置</a>
        <a href="">登录</a>
        <a href="">贴吧</a>
        <a href="">视频</a>
        <a href="">地图</a>
        <a href="">hao123</a>
        <a href="">新闻</a>
        <a href="">糯米</a>
    </div>
  <div class="badiu">
      <img src="baidu.png" alt="">
  </div>
  <div class="dada">
     
  <div class="bainkuang">
      <img src="uuu.png" alt="">

  </div>
 <div class="rightwo"><p>百度一下</p></div>
  
</div>

<div class="erweima">
    <img src="erweima.png" alt="">
    
</div>
<div class="shouji"> <p>手机百度</p></div>


<div class="wenzi">
        <a href="">把百度设为主页</a>
        <a href="">关于百度</a>
        <a href="">about baidu</a>
        <a href="">百度推广</a>
    
</div>
<div class="xia">
    <a href="" class="aa">@2016 baidu</a>
    <a href="" class="bb">使用百度前必读 意见反馈</a>
    <a href="" class="cc">京ICP证030173号</a>
    <a href="" class="vv">京公网安备11000002000001号</a>
</div>

</body>
</html>